.header{
    background-color: black;
    position: relative;
    .top{
        position: absolute;
        top: 0;
        left: 0;
        padding: 30px 50px;
        width: 100%;
        box-sizing: border-box;
        .top-left{
            display: flex;
            align-items: center;
            img{
                width: 94px;
                height: 34px;
            }
            span{
                padding: 5px 10px;
                border-radius: 15px;
                margin-left: 20px;
                border: 2px solid white;
                display: block;
                color: white;
                font-size: 12px;
            }
        }
    }
    .header-banner{
        margin: 0 auto;
        background-repeat: no-repeat;
        background-image: url(../img/bg_header@1x.jpeg);
        background-position: center;
        height: 566px;
        .header-banner-main{
            margin: 0 auto;
            width: 1150px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            span:nth-child(1){
                font-size: 28px;
                color: white;
            }
            span:nth-child(2){
                font-size: 66px;
                color: white;
                font-weight: 700;
            }
            .search-box-con{
                margin-top: 32px;
                width: 590px;
                height: 91px;
                font-size: 16px;
                .search-header{
                    ul{
                        display: flex;
                        list-style: none;
                        margin-bottom: 20px;
                        color: gray;
                        font-weight: 700;
                        li{
                            margin-right: 15px;
                            cursor: pointer;
                        }
                        li.active{
                            color: aliceblue;
                            position: relative;
                        }
                        li.active::after{
                            content: "";
                            width: 0;
                            height: 0;
                            position: absolute;
                            display: block;
                            bottom: -20px;
                            left: 20px;
                            border: 10px solid transparent;
                            border-bottom-color: white;
                        }
                    }
                }
                .search-body{
                    .search-body-main{
                        position: relative;
                        width: 550px;
                        height: 50px;
                        display: flex;
                        button{
                            width: 75px;
                            height: 100%;
                            background-color: rgb(68,127,246);
                            cursor: pointer;
                            position: relative;
                            &::after{
                                content: "";
                                display: block;
                                background-image: url(../img/搜索.png);
                                background-size: 50%;
                                background-repeat: no-repeat;
                                width: 75px;
                                height: 50px;
                                position: absolute;
                                top: 6px;
                                left: 20px;
                            }
                        }
                        button:hover{
                            background-color: rgb(47, 122, 196);
                        }
                        input{
                            box-sizing: border-box;
                            padding-left: 1em;
                            font-size: 16px;
                            width: 475px;
                            height: 100%;
                            padding-right: 5em;
                        }
                        .search-info-list{
                            position: absolute;
                            display: none;
                            top: 50px;
                            left: 0;
                            .search-lists{
                                width: 100%;
                                list-style: none;
                                .hot{
                                    height: 40px;
                                    background-color: rgb(210, 208, 208);
                                    line-height: 40px;
                                    font-weight: 666;
                                    padding-left: 1em;
                                    box-sizing: border-box;
                                }
                                li{
                                    padding-left: 1em;
                                    box-sizing: border-box;
                                    height: 40px;
                                    line-height: 40px;
                                    width: 475px;
                                    background-color: rgba(255, 255, 255, 0.952);
                                    border-bottom:1px solid rgba(181, 179, 179,0.4) ;
                                    color: rgba(66, 65, 65,0.7);
                                    cursor: pointer;
                                    &:hover{
                                        background-color: aliceblue;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
